/* 
    Document   : estilo
    Created on : 22-ene-2012, 4:44:32
    Author     : Proyectos
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}
* { padding:0; margin:0; outline:0; }
body {  
    background:#f9ebae;
    font-family: Verdana, sans-serif;
    font-size:11px;
    line-height:14px;
    color:#5e5e5e;
}

textarea{font-family: Verdanda, sans-serif; font-size: 13px;}
textarea { overflow:hidden;}

.field { border:solid 1px #d3cfc7; background:#fff; padding:5px; }
.field:focus { color:#000; border-color:#857b42;}

.button { background:#eee url(images/button.gif) repeat-x 0 0; border:solid 1px #b1a874; color:#7f7f7f; font-size:13px; padding:2px 6px 2px 6px; cursor:pointer; line-height:14px !important; }
.button:hover { color:#333; border-color:#857b42; }

.info img {max-width: 100px; max-height: 100px; }
.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right; display:inline; }


.cl { font-size:0; line-height:0; clear:both; display:block; height:0; }

h1{ font-size:22px; line-height:24px; color:#fff; font-weight: normal;}
h1 a{ color:#fff; text-decoration: none; }

.shell { width:90%; margin:0 auto; }

#grafico{ margin:3% auto; width: 600px; height:600px;}

#screenlog { background: url(images/backlogin.jpg); width:100%;height:100%;}
#screenlog span {font-family: Helvetica; font-size:33px; color:white; font-weight: bold;}

#contenlog{margin-left:33%; margin-top: 12%;}

#logouser {background: url(images/user.png); width:256px;height:256px;margin: 25px 0px 0px 43px;}

#header { height:78px; background:url(images/header.gif); white-space:nowrap; }
#header h1{ float:left; display:inline; padding-top:12px; }
#top-navigation { float:right; white-space:nowrap; color:#fff; padding-top:15px; }
#top-navigation a{ color:#fff; }
#top-navigation span{ color:#dca598; }
#top { height:42px; }

#navigation { height:36px;}
#navigation ul{ list-style-type: none;}
#navigation ul li{ float:left; display:inline; margin-right:2px;}
#navigation ul li a,
#navigation ul li a span { float:left; height:36px; background:url(images/tab.gif) no-repeat 0 0; padding:0 0 0 15px;}
#navigation ul li a span { background-position:right 0; padding:0 15px 0 0;}
#navigation ul li a { line-height:36px; color:#907525; text-decoration: none; }

#navigation ul li a.active,
#navigation ul li a:hover { background-position:0 bottom;}

#navigation ul li a.active span,
#navigation ul li a:hover span{ background-position:right bottom;}

#navigation ul li a.active { font-size:12px; font-weight: bold; color:#887e42; }

#container { padding:20px 0;}

#main {}
#content { float:left; width:750px;}
#contentinfo {float:left; width:73%; }
#sidebar { float:right; width:25% }

.table {}
.table th{ background:#fffdfa url(images/th.gif) repeat-x 0 0; color:#818181; text-align: left; padding:7px 10px; border-bottom:solid 1px #d2d1cb;}
.table td{ background:#fbfcfc;  border-bottom:solid 1px #e0e0e0; padding:8px 10px; }
.table tr.odd td{ background:#f8f8f8; }
.table tr:hover td{ background:#fff9e1; }
.table tr.alert td{ background:orange; }
.table a.ico{ }

.box { background:#fbfcfc; height:100%; padding:1px; margin-bottom:15px; }
.box-head { background:#ba4c32; height:45px; color:#fff; padding: 0 10px; line-height:45px; white-space:nowrap; border-bottom:solid 1px #fff; }
.box-head .right{ padding-top:5px; line-height:13px;}
.box-head .right label,
.box-head .right input { float:left; }
.box-head .right label { padding:4px 0 0 0;}
.box-head .right input { margin-left:5px;}

.pagging { height:20px; padding:8px 10px; line-height:19px; color:#949494; }
.pagging a{ background:url(images/pagging.gif) repeat-x 0 0; height:20px; float:left; padding:0 8px; border:solid 1px #d5d5d5; text-decoration: none; color:#949494; margin-left:5px;  }
.pagging a:hover { border-color:#8c3521; background:#ba4c32; color:#fff; }
.pagging span{ float:left; margin-left:5px; padding-top:2px; }

.form { padding:15px 10px 5px 10px; }
.form label{ display:block; font-weight: bold; font-size:13px; padding-bottom:4px; }
.form label span{ color:#999; font-weight: normal;}
.form .field { display:block; }
.form .inline-field .field { display:inline;}
.form .req { font-size:13px; float:right; white-space:nowrap; color:#999;  }
.form p{ padding-bottom:2px; }

.newuser{font-family: Arial; font-size: 12pt; color: white; margin-left:13%; font-weight: bold;}

.size1 { width:716px; }
.size2 {width:300px;}
textarea.size1 { height:70px; }

.buttons { text-align: right; padding:10px;}
.buttons .buttonuser { margin-right:90px;}
.buttons .buttonreg {position: absolute; left:249px;}
.buttons .buttonlog {margin-right:526px;}

.box-content { padding:10px; }

.info{}

.coltext{width:100px; height:100px;}

#footer { clear: both; width:100%; height:44px; background:url(images/footer.gif); line-height:44px; color:#fff;}
#footer a { color:#fff; }

.footerabs {position: relative; bottom: 0px;}

/*** CSS3 ***/
.box { -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow: 0 0 6px #978f6c; -webkit-box-shadow: 0 0 6px #978f6c;}
.box-head { -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; }

.field, .button { -moz-border-radius:4px; -webkit-border-radius:4px; }
.button, .pagging a { -moz-border-radius:3px; -webkit-border-radius:3px; }
.button { -moz-box-shadow: 0 0 2px #978f6c; -webkit-box-shadow: 0 0 2px #978f6c;}
#chat { height: 300px; overflow-y: scroll; display: block; }